<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{:config('web_title')}-{:config('web_name')}</title>
    <meta name="description" content="{:config('web_description')}">
    <meta name="keywords" content="{:config('web_keywords')}">
    <!-- Bootstrap core CSS -->
    <link href="/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Font Awesome -->
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- Pace -->
    <link href="/assets/css/pace.css" rel="stylesheet">

    <!-- Endless -->
    <link href="/assets/css/endless.min.css" rel="stylesheet">
    <link href="/assets/css/endless-landing.min.css" rel="stylesheet">

</head>

<body class="overflow-hidden">
<!-- Overlay Div -->
<div id="overlay" class="transparent"></div>

<div id="wrapper" class="preload">
    <header class="navbar navbar-fixed-top bg-white">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand"><span class="text-danger">Endless</span> Admin</a>
            </div>
            <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#landing-content" class="top-link">Home</a>
                    </li>
                    <li>
                        <a href="#feature" class="top-link">Features</a>
                    </li>
                    <li>
                        <a href="#portfolio" class="top-link">Portfolio</a>
                    </li>
                    <li>
                        <a href="#pricing" class="top-link">Pricing</a>
                    </li>
                    <li>
                        <a href="#contact" class="top-link">Contact us</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

    <div id="landing-content">
        <div id="main-slider" class="carousel slide bg-dark" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#main-slider" data-slide-to="0" class="active"></li>
                <li data-target="#main-slider" data-slide-to="1"></li>
                <li data-target="#main-slider" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <div class="row" style="background: url(/assets/img/gallery1.jpg) repeat;height: 500px;">
                        <div class="col-md-6 text-right">
                            <h2 class="m-top-lg m-right-md text-white fadeInDownLarge animation-delay3">{:config('web_name')} &
                                简约却不简单</h2>
                            <p class="text-white fadeInUpLarge animation-delay6 m-right-md hidden-xs">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
                                Vestibulum auctor suscipit lobortis.
                            </p>
                            <a href="{:url('reg')}" class="btn btn-default btn-lg fadeInLeftLarge animation-delay8">免费注册</a>
                            <a href="{:url('login')}" class="btn btn-danger btn-lg fadeInRightLarge animation-delay8">登录系统</a>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row" style="background: url(/assets/img/gallery2.jpg) repeat;height: 500px;">
                        <div class="col-xs-6 text-right">
                            <img src="/assets/img/responsive.png" alt="responsive"
                                 class="fadeInLeftLarge animation-delay6 m-bottom-lg">
                        </div>
                        <div class="col-xs-6">
                            <h2 class="m-top-lg text-white fadeInDownLarge animation-delay3">{:config('web_name')} & 即安全又稳定</h2>
                            <p class="text-white fadeInUpLarge animation-delay6 hidden-xs">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
                                Vestibulum auctor suscipit lobortis.
                            </p>
                            <a href="{:url('reg')}" class="btn btn-default btn-lg fadeInLeftLarge animation-delay8">免费注册</a>
                            <a href="{:url('login')}" class="btn btn-danger btn-lg fadeInRightLarge animation-delay8">登录系统</a>
                        </div>
                    </div>
                </div>
                <div class="item">

                    <div class="row text-center" style="background: url(/assets/img/gallery3.jpg) repeat;height: 500px;">
                        <h2 class="m-top-lg text-warning fadeInDownLarge animation-delay3">{:config('web_name')} & 全面来战</h2>
                        <p class="text-white fadeInUpLarge animation-delay6 hidden-xs">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
                            Vestibulum auctor suscipit lobortis.
                        </p>
                        <a href="{:url('reg')}" class="btn btn-default btn-lg fadeInLeftLarge animation-delay8">免费注册</a>
                        <a href="{:url('login')}" class="btn btn-danger btn-lg fadeInRightLarge animation-delay8">登录系统</a>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#main-slider" data-slide="prev">
                <span class="fa fa-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#main-slider" data-slide="next">
                <span class="fa fa-chevron-right"></span>
            </a>
        </div>

        <div class="bg-white content-padding text-center font-lg">
            <div class="container">
                <span class="m-right-sm">您还在为了代挂即不安全又不稳定界面还很丑而烦恼么吗？</span>
                <div class="inline-block m-top-sm">
                    <a href="{:url('reg')}" class="btn btn-success btn-lg m-bottom-sm"><i class="fa fa-tag"></i> 加入我们</a>
                    {if condition="isset($userInfo['uid'])"}
                    <a href="{:url('index/Panel/index')}" class="btn btn-danger btn-lg m-bottom-sm fadeInRightLarge animation-delay2"><i class="fa fa-arrow-right"></i>进入代挂</a>
                    {else}
                    <a href="{:url('login')}" class="btn btn-danger btn-lg m-bottom-sm fadeInRightLarge animation-delay2"><i class="fa fa-arrow-right"></i>登录系统</a>
                    {/if}
                </div>
            </div>
        </div>

        <div class="bg-light padding-md" id="feature">
            <div class="container">
                <div class="row">
                    <div class="col-sm-4 content-padding">
                        <div class="feature-icon text-center ">
                            <i class="fa fa-bold fa-4x"></i>
                        </div>
                        <div class="text-center font-lg">
                            <h3>一站式管理</h3>
                        </div>
                        <p>使用我爱代挂网进行挂机，无需安装任何额外软件，注册登陆后添加QQ即可正常运行，您可以随时在电脑/手机/平板登陆本网站进行功能设置.</p>
                    </div><!-- /.col -->
                    <div class="col-sm-4 content-padding">
                        <div class="feature-icon text-center">
                            <i class="fa fa-html5 fa-4x"></i>
                        </div>
                        <div class="text-center font-lg">
                            <h3>安全稳定</h3>
                        </div>
                        <p>采用阿里云高安全服务器，保证用户账号安全，独家服务器秒级全能挂机，执行所有加速任务，快速稳定！.</p>
                    </div><!-- /.col -->
                    <div class="col-sm-4 content-padding">
                        <div class="feature-icon text-center">
                            <i class="fa fa-tag fa-4x"></i>
                        </div>
                        <div class="text-center font-lg">
                            <h3>智能提醒服务</h3>
                        </div>
                        <p>独家代挂异常邮件通知服务，我爱代挂网使用付费邮局进行发信，保证邮件的送达率，代挂异常让你即刻知晓.</p>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div>
        </div>


    </div>
</div>
<div class="bg-white text-center content-padding">
    <div class="container">
        <h3>我们的优势</h3>
        <h5 class="text-muted">Our overall advantage</h5>
        <div class="seperator"></div>
        <div class="seperator"></div>
        <p>
            我们的代挂服务器是以每月数百元的高价服务器搭建，稳定高速！
            我们的页面，服务等，都是经过各种调试，各种努力，只为您有更好的体验！
            我们的用户数据库是绝对加密的，我们也不会对用户密码就行记录，是你的第一选择！
        </p>
        <a href="#" class="btn btn-lg btn-success animated-element fadeInUp no-animation">载入系统</a>
        <hr/>

        <img src="/assets/img/screenshot.jpg" alt=""
             class="fadeInRightLarge no-animation animated-element m-top-md animation-delay1">

    </div>
</div>

<div id="portfolio">
    <div class="section-header">
        <hr class="left visible-lg">
					<span>
						PORTFOLIO PROJECTS
					</span>
        <hr class="right visible-lg">
    </div>

    <div class="container">
        <div class="row recent-work">
            <div class="col-sm-3">
                <div class="detail fadeInUp animated-element no-animation">
                    <a href="#" class="hoverBorder">
									<span class="hoverBorderWrapper">
										<img src="/assets/img/gallery2.jpg" alt="portfolio">
										<span class="hoverBorderInner"></span>
										<span class="readMore">+ Read more</span>
									</span>
                    </a>
                    <div class="seperator"></div>
                    <p>
                    <h4>Responsive Design</h4>
                    <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor,
                        quis ullamcorper ligula sodales at.
                    </small>
                    <p>
                </div><!--detail-->
            </div><!--col-->
            <div class="col-sm-3">
                <div class="detail fadeInUp animated-element no-animation animation-delay2">
                    <a href="#" class="hoverBorder">
									<span class="hoverBorderWrapper">
										<img src="/assets/img/gallery8.jpg" alt="portfolio">
										<span class="hoverBorderInner"></span>
										<span class="readMore">+ Read more</span>
									</span>
                    </a>
                    <div class="seperator"></div>
                    <p>
                    <h4>HTML5 &amp; CSS3</h4>
                    <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor,
                        quis ullamcorper ligula sodales at.
                    </small>
                    <p>
                </div><!--detail-->
            </div><!--col-->
            <div class="col-sm-3">
                <div class="detail fadeInUp animated-element no-animation animation-delay4">
                    <a href="#" class="hoverBorder">
									<span class="hoverBorderWrapper">
										<img src="/assets/img/gallery12.jpg" alt="portfolio">
										<span class="hoverBorderInner"></span>
										<span class="readMore">+ Read more</span>
									</span>
                    </a>
                    <div class="seperator"></div>
                    <p>
                    <h4>Unlimited Theme color</h4>
                    <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor,
                        quis ullamcorper ligula sodales at.
                    </small>
                    <p>
                </div><!--detail-->
            </div><!--col-->
            <div class="col-sm-3">
                <div class="detail fadeInUp animated-element no-animation animation-delay6">
                    <a href="#" class="hoverBorder">
									<span class="hoverBorderWrapper">
										<img src="/assets/img/gallery14.jpg" alt="portfolio">
										<span class="hoverBorderInner"></span>
										<span class="readMore">+ Read more</span>
									</span>
                    </a>
                    <div class="seperator"></div>
                    <p>
                    <h4>Browser Compatibility</h4>
                    <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor,
                        quis ullamcorper ligula sodales at.
                    </small>
                    <p>
                </div><!--detail-->
            </div><!--col-->
        </div>
    </div>
</div>

<div class="bg-light" id="pricing">
    <div class="container">
        <div class="padding-md">
            <div class="section-header">
                <hr class="left visible-lg">
							<span>
								PRICING PLAN
							</span>
                <hr class="right visible-lg">
            </div>
        </div><!-- /.padding -->

        <div class="row row-merge">
            <div class="col-md-3 col-sm-6">
                <div class="pricing-widget fadeInUp animated-element no-animation">
                    <div class="pricing-head">
                        VIP包月会员
                    </div>
                    <div class="pricing-body">
                        <div class="pricing-cost">
                            <strong class="block">$５</strong>
                            <small>per month</small>
                        </div>
                        <ul class="pricing-list text-center">
                            <li><a class="btn btn-sm btn-default">月费VIP等级30天</a></li>
                            <li>可使用VIP代挂项目30天</strong></li>
                            <li>代挂异常邮箱推送提醒</strong></li>
                            <li>加入售后QQ群进行后续支持 <strong>1</strong></li>
                            <li>享受稳定的服务器挂机 <strong>1</strong></li>
                            <li class="text-center"><a href="#" class="btn btn-default btn-success">购买</a></li>
                        </ul>
                    </div>
                </div><!-- /pricing-widget -->
            </div><!-- /.col -->
            <div class="col-md-3 col-sm-6">
                <div class="pricing-widget active fadeInUp animated-element no-animation animation-delay2">
                    <div class="ribbon-wrapper">
                        <div class="ribbon-inner shadow-pulse bg-danger">
                            推荐
                        </div>
                    </div>
                    <div class="pricing-head">
                        VIP年费会员
                    </div>
                    <div class="pricing-body">
                        <div class="pricing-cost">
                            <strong class="block"><span class="font-12">$</span>50</strong>
                            <small>per month</small>
                        </div>
                        <ul class="pricing-list text-center">
                            <li><a class="btn btn-sm btn-default">年费VIP等级365天</a></li>
                            <li>可使用全部代挂项目</strong></li>
                            <li>代挂异常邮箱推送提醒</strong></li>
                            <li>加入售后QQ群进行后续支持</strong></li>
                            <li>享受稳定的服务器挂机</strong></li>
                            <li class="text-center"><a href="#" class="btn btn-default btn-success">购买</a></li>
                        </ul>
                    </div>
                </div><!-- /pricing-widget -->
            </div><!-- /.col -->
            <div class="col-md-3 col-sm-6">
                <div class="pricing-widget fadeInUp animated-element no-animation animation-delay4">
                    <div class="pricing-head">
                        配额数量
                    </div>
                    <div class="pricing-body">
                        <div class="pricing-cost">
                            <strong class="block">☺</strong>
                            <small>per month</small>
                        </div>
                        <ul class="pricing-list text-center">
                            <li><a class="btn btn-sm btn-default">Start your free trial!</a></li>
                            <li>增加1个配额数量<strong>15$</strong></li>
                            <li>增加3个配额数量<strong>40$</strong></li>
                            <li>增加5个配额数量<strong>60$</strong></li>
                            <li>增加10个配额数量<strong>100$</strong></li>
                            <li class="text-center"><a href="#" class="btn btn-default btn-success">购买</a></li>
                        </ul>
                    </div>
                </div><!-- /pricing-widget -->
                <!--div class="pricing-widget fadeInUp animated-element no-animation animation-delay4">
                    <div class="pricing-head">
                        Business
                    </div>
                    <div class="pricing-body">
                        <div class="pricing-cost">
                            <strong class="block">$59</strong>
                            <small>per month</small>
                        </div>
                        <ul class="pricing-list text-center">
                            <li><a class="btn btn-sm btn-default">Start your free trial!</a></li>
                            <li>Amount of space <strong>100 GB</strong></li>
                            <li>Bandwidth per month <strong>500 GB</strong></li>
                            <li>No. of email accounts <strong>50</strong></li>
                            <li>No. of MySql database <strong>50</strong></li>
                            <li>24/7 Unlimited Support <strong>YES</strong></li>
                            <li>Support Tickets per month <strong>5</strong></li>
                            <li class="text-center"><a href="#" class="btn btn-default btn-success">Buy Now</a></li>
                        </ul>
                    </div>
                </div><!-- /pricing-widget -->
            </div><!-- /.col -->
            <div class="col-md-3 col-sm-6">
                <div class="pricing-widget fadeInUp animated-element no-animation animation-delay6">
                    <div class="pricing-head">
                        代理商
                    </div>
                    <div class="pricing-body">
                        <div class="pricing-cost">
                            <strong class="block">$49</strong>
                            <small>per month</small>
                        </div>
                        <ul class="pricing-list text-center">
                            <li><a class="btn btn-sm btn-default">Start your free trial!</a></li>
                            <li>代理后台一键生成卡密</strong></li>
                            <li>最低2折进行提取卡密出售</strong></li>
                            <li>可使用代挂分站获取更高收益<strong>100</strong></li>
                            <li>开通后赠送余额，免代理费<strong>80</strong></li>
                            <li class="text-center"><a href="#" class="btn btn-default btn-success">Buy Now</a></li>
                        </ul>
                    </div>
                </div><!-- /pricing-widget -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</div><!-- /pricing -->

<div class="bg-white">
    <div class="text-center content-padding" id="contact">
        <div class="container">
            <h3>漏挂查询</h3>
            <p class="m-bottom-md">因帐号较多可能拉取数据的速度较慢 请稍等片刻即可.</p>

            <form class="form-inline content-padding">
                <div class="form-group">
                    <label class="sr-only">输入帐号</label>
                    <input type="text" class="form-control input-lg" placeholder="Email Address" id="newsletter">
                </div>
                <a href="#" class="btn btn-lg btn-info">查询</a>
            </form>
        </div>
    </div>
</div>


<div class="content-padding bg-light">
    <div class="container">
        <div class="panel">
            <div class="panel-body content-padding">
                <div class="pull-left">
                    <p class="font-lg">如果您还在犹豫</p>
                    <p class="text-muted">那么我告诉你 我们的的功能是最多最强大最稳定的没有之一.</p>
                </div>
                <a href="#"
                   class="btn btn-lg btn-danger pull-right m-top-xs fadeInLeftLarge no-animation animated-element animation-delay1">载入系统</a>
            </div>
        </div>
    </div>
</div>
</div><!-- /landing-content -->

<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-3 padding-md">
                <p class="font-lg">声明</p>
                <p>
                    <small>本网站的版权归属代挂乐所有 如若发现抄袭与盗版我们将用法律的手段维护我们的权益.</small>
                </p>
            </div><!-- /.col -->
            <div class="col-sm-3 padding-md">
                <p class="font-lg">客服列表</p>
                <ul class="list-unstyled useful-link">
                    <li>
                        <a href="#">
                            <small><i class="fa fa-chevron-right"></i> 客服大乐</small>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <small><i class="fa fa-chevron-right"></i> 客服小锐</small>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <small><i class="fa fa-chevron-right"></i> 客服小萌</small>
                        </a>
                    </li>
                </ul>
            </div><!-- /.col -->
            <div class="col-sm-3 padding-md">
                <p class="font-lg">Stay Connect</p>
                <a href="#" class="social-connect tooltip-test facebook-hover pull-left m-right-xs"
                   data-toggle="tooltip" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
                <a href="#" class="social-connect tooltip-test twitter-hover pull-left m-right-xs" data-toggle="tooltip"
                   data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
                <a href="#" class="social-connect tooltip-test google-plus-hover pull-left m-right-xs"
                   data-toggle="tooltip" data-original-title="Google Plus"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="social-connect tooltip-test rss-hover pull-left m-right-xs" data-toggle="tooltip"
                   data-original-title="Rss feed"><i class="fa fa-rss"></i></a>
                <a href="#" class="social-connect tooltip-test tumblr-hover pull-left m-right-xs" data-toggle="tooltip"
                   data-original-title="Tumblr"><i class="fa fa-tumblr"></i></a>
                <a href="#" class="social-connect tooltip-test dribbble-hover pull-left m-right-xs"
                   data-toggle="tooltip" data-original-title="Dribbble"><i class="fa fa-dribbble"></i></a>
                <a href="#" class="social-connect tooltip-test linkedin-hover pull-left m-right-xs"
                   data-toggle="tooltip" data-original-title="Linkedin"><i class="fa fa-linkedin"></i></a>
                <a href="#" class="social-connect tooltip-test pinterest-hover pull-left" data-toggle="tooltip"
                   data-original-title="Pinterest"><i class="fa fa-pinterest"></i></a>
            </div><!-- /.col -->
            <div class="col-sm-3 padding-md">
                <p class="font-lg">联系方式</p>
                Email : 2104547378@qq.com
                <div class="seperator"></div>
                <a class="btn btn-info"><i class="fa fa-envelope"></i> 发送信息</a>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div>
</footer>
</div><!-- /wrapper -->

<a href="" id="scroll-to-top" class="hidden-print"><i class="fa fa-chevron-up"></i></a>

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<!-- Jquery -->
<script src="/assets/js/jquery-1.10.2.min.js"></script>

<!-- Bootstrap -->
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>

<!-- Waypoint -->
<script src='/assets/js/waypoints.min.js'></script>

<!-- LocalScroll -->
<script src='/assets/js/jquery.localscroll.min.js'></script>

<!-- ScrollTo -->
<script src='/assets/js/jquery.scrollTo.min.js'></script>

<!-- Modernizr -->
<script src='/assets/js/modernizr.min.js'></script>

<!-- Pace -->
<script src='/assets/js/pace.min.js'></script>

<!-- Popup Overlay -->
<script src='/assets/js/jquery.popupoverlay.min.js'></script>

<!-- Slimscroll -->
<script src='/assets/js/jquery.slimscroll.min.js'></script>

<!-- Cookie -->
<script src='/assets/js/jquery.cookie.min.js'></script>

<!-- Endless -->
<script src="/assets/js/endless/endless.js"></script>

<script>
    $(function () {
        $('.animated-element').waypoint(function () {

            $(this).removeClass('no-animation');

        }, {offset: '70%'});

        $('.nav').localScroll({duration: 800});
    });
</script>

</body>
</html>
